<!--
  Generated template for the IntroductionPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="primary">
    <ion-title>
      项目中心
    </ion-title>
  </ion-navbar>

</ion-header>


<ion-content class="bg-color">
  <!-- <div class="imgs"></div> -->
  <img src="./assets/imgs/4.png" id="img" style="width:100%" alt="">

  <button ion-button full id="btn">
      <ion-icon name="ios-contact-outline" ></ion-icon>&nbsp;&nbsp;&nbsp;
      <span>用户名：{{username}}</span>
  </button>

  <!-- <ion-list class="list top-list">
    <button ion-item> 
       <ion-row>
         <ion-col col-2>
            <ion-icon name="ios-contact-outline" ></ion-icon>
         </ion-col>
         <ion-col col-10>
            账号：{{username}}
         </ion-col>
       </ion-row>
      </button>
  </ion-list> -->

  <ion-list>
    <button ion-item (click)="go()"> 
        <ion-row>
            <ion-col col-2>
                <ion-icon name="ios-pin-outline" ></ion-icon>
            </ion-col>
            <ion-col col-10>
                项目位置与介绍 
            </ion-col>
          </ion-row>
    </button>
    <button ion-item (click)="password()">
        <ion-row>
            <ion-col col-2>
                <ion-icon name="ios-construct-outline" ></ion-icon> 
            </ion-col>
            <ion-col col-10>
                修改密码
            </ion-col>
          </ion-row>
      </button>
  </ion-list>

  <div style="text-align: center; margin-top: 30px;" padding>
    <button ion-button block color="danger" (click)="logOut()"> 退出登录 </button>
  </div>
</ion-content>
